<!doctype html>
<html lang="zxx">
    <head>
		<!-- REQUIRED META TAGS -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<!-- FAVICON -->
		<link rel="icon" type="image/png" href="assets/img/favicon.png">
		<!-- TITLE -->
		<title>Glaciajo - Ice Cream Store Website Template</title>

		<!-- BOOTSTRAP CSS --> 
		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
		<!-- OWL THEME DEFAULT CSS --> 
		<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
        <!-- OWL CAROUSEL CSS --> 
		<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
		<!-- MAGNIFIC POPUP CSS --> 
		<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
		<!-- ANIMATE CSS --> 
		<link rel="stylesheet" href="assets/css/animate.css">
		<!-- BOXICONS CSS --> 
		<link rel="stylesheet" href="assets/css/boxicons.min.css"> 
		<!-- MEANMENU CSS -->
		<link rel="stylesheet" href="assets/css/meanmenu.css">
		<!-- RANGE SLIDER CSS -->
		<link rel="stylesheet" href="assets/css/rangeSlider.min.css">
		<!-- NICE SELECT CSS -->
		<link rel="stylesheet" href="assets/css/nice-select.css">
		<!-- ODOMETER CSS-->
		<link rel="stylesheet" href="assets/css/odometer.css">
		<!-- STYLE CSS -->
		<link rel="stylesheet" href="assets/css/style.css">
		<!-- RESPONSIVE CSS -->
		<link rel="stylesheet" href="assets/css/responsive.css">
    </head>

    <body>
		<!-- START PRELOADER AREA -->
		<div class="preloader">
			<div class="lds-ripple">
				<div></div>
				<div></div>
			</div>
		</div>
		<!-- END PRELOADER AREA -->
        
        <!-- START TOP BAR AREA -->
        <div class="header-area"> 
			<div class="top-header-area">
				<div class="container">
					<div class="row align-items-center">
						<div class="col-lg-6">
							<ul class="heading-left-part">
								<li>
									<i class="bx bx-phone-call"></i>
									<span>Call Us:</span>
									<a href="tel:+123-456-789">+123-456-789</a>
								</li>
								<li>
									<i class="bx bx-envelope"></i>
									<span>Email:</span>
									<a href="mailto:hello@example.com">hello@example.com</a>
								</li>
							</ul>
						</div>

						<div class="col-lg-6">
							<ul class="heading-right-part">
								<li>
									<a href="#">
										<i class="bx bxl-facebook"></i>
									</a>
								</li>
								<li>
									<a href="#">
										<i class="bx bxl-twitter"></i>
									</a>
								</li>
								<li>
									<a href="#">
										<i class="bx bxl-linkedin"></i>
									</a>
								</li>
								<li>
									<a href="#">
										<i class="bx bxl-instagram"></i>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- END TOP BAR AREA --> 

		<!-- START NAV AREA --> 
		<div class="nav-area">
			<div class="navbar-area">
				<div class="main-nav">
					<nav class="navbar navbar-expand-md">
						<div class="container">
							<a class="navbar-brand" href="index.html">
								<img src="assets/img/logo.png" alt="Logo">
							</a>
							
							<div class="collapse navbar-collapse mean-menu">
								<ul class="navbar-nav m-auto">
									<li class="nav-item">
										<a href="#" class="nav-link">
											Home
											<i class="bx bx-chevron-down"></i>
										</a>

										<ul class="dropdown-menu">
											<li class="nav-item">
												<a href="index.html" class="nav-link">Home One</a>
											</li>

											<li class="nav-item">
												<a href="index-two.html" class="nav-link">Home Two</a>
											</li>
										</ul>
									</li>

									<li class="nav-item">
										<a href="about.html" class="nav-link">About Us</a>
									</li>

									<li class="nav-item">
										<a href="#" class="nav-link">
											Flavors
											<i class="bx bx-chevron-down"></i>
										</a>

										<ul class="dropdown-menu megamenu">
											<li class="nav-item">
												<a href="flavor.html" class="nav-link">Chocolate</a>
											</li>
											<li class="nav-item">
												<a href="flavor.html" class="nav-link">Strawberry</a>
											</li>
											<li class="nav-item">
												<a href="flavor.html" class="nav-link">Vanilla</a>
											</li>
											<li class="nav-item">
												<a href="flavor.html" class="nav-link">Mango</a>
											</li>
											<li class="nav-item">
												<a href="flavor.html" class="nav-link">Blueberry</a>
											</li>
											<li class="nav-item">
												<a href="flavor.html" class="nav-link">Orange</a>
											</li>
											<li class="nav-item">
												<a href="flavor.html" class="nav-link">Yogurt</a>
											</li>
											<li class="nav-item">
												<a href="flavor.html" class="nav-link">Banana</a>
											</li>
											<li class="nav-item">
												<a href="flavor.html" class="nav-link">Lemon</a>
											</li>
											<li class="nav-item">
												<a href="flavor.html" class="nav-link">Dual</a>
											</li>
											<li class="nav-item">
												<a href="flavor.html" class="nav-link">Coffee</a>
											</li>
											<li class="nav-item">
												<a href="flavor.html" class="nav-link">Malted</a>
											</li>
											<li class="nav-item">
												<a href="flavor.html" class="nav-link">Butter</a>
											</li>
											<li class="nav-item">
												<a href="flavor.html" class="nav-link">Ambrosia</a>
											</li>
											<li class="nav-item">
												<a href="flavor.html" class="nav-link">Red Velvet</a>
											</li>
										</ul>
									</li>

									<li class="nav-item max-megamenu">
										<a href="#" class="nav-link active">
											Products
											<i class="bx bx-chevron-down"></i>
										</a>

										<ul class="dropdown-menu">
											<li class="nav-item">
												<a class="max-megamenu-header">Shop</a>
												<ul>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Shop</a>
													</li>
													<li class="nav-item">
														<a href="shop-details.html" class="nav-link active">Shop Details</a>
													</li>

													<li class="nav-item">
														<a href="cart.html" class="nav-link">Cart</a>
													</li>

													<li class="nav-item">
														<a href="checkout.html" class="nav-link">Checkout</a>
													</li>
												</ul>
											</li>
											<li class="nav-item">
												<a class="max-megamenu-header">Stick & Cake</a>
												<ul>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Regular</a>
													</li>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Premium</a>
													</li>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Sandwitch</a>
													</li>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Value Added</a>
													</li>
												</ul>
											</li>
											<li class="nav-item">
												<a class="max-megamenu-header">Cup & Cone</a>
												<ul>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Regular</a>
													</li>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Premium</a>
													</li>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Frozen Products</a>
													</li>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Daily Products</a>
													</li>
												</ul>
											</li>
											<li class="nav-item">
												<a class="max-megamenu-header">1 Liter</a>
												<ul>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Regular</a>
													</li>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Desert</a>
													</li>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Double Sandae</a>
													</li>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Ripple Cake</a>
													</li>
												</ul>
											</li>
											<li class="nav-item">
												<a class="max-megamenu-header">2 Liter</a>
												<ul>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Regular</a>
													</li>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Desert</a>
													</li>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Premium</a>
													</li>
													<li class="nav-item">
														<a href="shop.html" class="nav-link">Vanilla</a>
													</li>
												</ul>
											</li>
										</ul>
									</li>

									<li class="nav-item">
										<a href="#" class="nav-link">
											Pages
											<i class="bx bx-chevron-down"></i>
										</a>

										<ul class="dropdown-menu">
											<li class="nav-item">
												<a href="menu.html" class="nav-link">Ice Cream Menu</a>
											</li>

											<li class="nav-item">
												<a href="testimonial.html" class="nav-link">Testimonial</a>
											</li>

											<li class="nav-item">
												<a href="team.html" class="nav-link">Team</a>
											</li>

											<li class="nav-item">
												<a href="faq.html" class="nav-link">FAQ</a>
											</li>

											<li class="nav-item">
												<a href="log-in.html" class="nav-link">Log In</a>
											</li>

											<li class="nav-item">
												<a href="sign-up.html" class="nav-link">Sign Up</a>
											</li>
											
											<li class="nav-item">
												<a href="404.html" class="nav-link">404 Error Page</a>
											</li>
										</ul>
									</li>

									<li class="nav-item">
										<a href="#" class="nav-link">
											Blog
											<i class="bx bx-chevron-down"></i>
										</a>

										<ul class="dropdown-menu">
											<li class="nav-item">
												<a href="blog-grid.html" class="nav-link">Blog Grid</a>
											</li>
											<li class="nav-item">
												<a href="blog-slider.html" class="nav-link">Blog Slider</a>
											</li>
											<li class="nav-item">
												<a href="blog-left-sidebar.html" class="nav-link">Blog Left Sidebar</a>
											</li>
											<li class="nav-item">
												<a href="blog-right-sidebar.html" class="nav-link">Blog Right Sidebar</a>
											</li>
											<li class="nav-item">
												<a href="blog-details-left-sidebar.html" class="nav-link">Blog Details Left Sidebar</a>
											</li>
											<li class="nav-item">
												<a href="blog-details-right-sidebar.html" class="nav-link">Blog Details Right Sidebar</a>
											</li>
										</ul>
									</li>

									<li class="nav-item">
										<a href="contact.html" class="nav-link">Contact</a>
									</li>
								</ul>
								
								<!-- Start Others Option -->
								<div class="nav-others-option desktop d-flex align-items-center">
									<div class="option-item">
                                        <a href="cart.html" class="cart-btn">
                                            <i class='bx bx-shopping-bag'></i>
                                            <span>4+</span>
                                        </a>
                                    </div>
									<a href="booking.html" class="default-btn menu-btn-style">Book A Table
									</a>	
							    </div>
								<!-- End Others Option -->
							</div>
						</div>
					</nav>
				</div>

				<!-- Menu For Mobile Device -->
				<div class="mobile-nav">
					<a href="index.html" class="logo">
						<img src="assets/img/mobile-logo.png" alt="Logo">
					</a>
					<!-- Start Others Option -->
					<div class="container">
						<div class="dot-menu">
	                        <div class="inner">
	                            <div class="circle circle-one"></div>
	                            <div class="circle circle-two"></div>
	                            <div class="circle circle-three"></div>
	                        </div>
	                    </div>
	                    <div class="container">
	                    	<div class="option-inner">
		                        <div class="nav-others-option d-flex align-items-center">
									<div class="option-item">
		                                <a href="cart.html" class="cart-btn">
		                                    <i class='bx bx-shopping-bag'></i>
		                                    <span>4+</span>
		                                </a>
		                            </div>
									<a href="booking.html" class="default-btn menu-btn-style">Book A Table
									</a>	
							    </div>
							</div>
	                    </div>
	                </div>
	                <!-- End Others Option -->
				</div>
			</div>
		</div>
		<!-- END NAV AREA -->

		<!-- START PAGE TITLE AREA --> 
		<div class="page-title-area">
	        <div class="container">
	            <div class="page-title-content">
	                <h1>Shop Details</h1>
	                <nav aria-label="breadcrumb">
	                  <ol class="breadcrumb justify-content-center">
	                    <li class="breadcrumb-item">
	                        <a href="index.html">Home</a>
	                    </li>
	                    <li class="breadcrumb-item active" aria-current="page">
	                        Shop Details
	                    </li>
	                  </ol>
	                </nav>
	            </div>
	        </div>
	    </div>
	    <!-- END PAGE TITLE AREA -->

		<!-- Start Products Details Area -->
        <section class="products-details-area bg-fafafa ptb-70">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5 col-md-12">
                        <div class="products-details-image">
                            <a href="assets/img/product/12.jpg" class="popup-btn">
                                <img src="assets/img/product/12.jpg" alt="image">
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-7 col-md-12">
                        <div class="products-details-desc">
                            <h3>Marionberry Cheesecake</h3>

                            <div class="price">
                                <span class="new-price">$32</span>
                                <span class="old-price">$35</span>
                            </div>

                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. et dolore magna aliquyam duo dolores et Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sint obcaecati quaerat sequi illo illum.</p>

                            <div class="products-meta">
                                <span>SKU: <span class="sku">10</span></span>
                                <span>Availability: <span class="in-stock">In Stock</span></span>
                                <span>Flavor: <a href="#">Strawberry</a></span>
                                <span>Vendor: <a href="#">VanLeeuwer</a></span>
                            </div>

                            <div class="products-add-to-cart">
                                <div class="input-counter">
                                    <span class="minus-btn"><i class='bx bx-minus'></i></span>
                                    <input type="text" max="10" min="1" value="1">
                                    <span class="plus-btn"><i class='bx bx-plus'></i></span>
                                </div>
                                <button type="submit" class="default-btn"><i class='bx bxs-cart-add'></i> Add to Cart</button>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-12 col-md-12">
                        <div class="products-details-tabs">
                            <ul class="nav nav-tabs" id="myTab" role="tablist">
                                <li class="nav-item"><a class="nav-link active" id="description-tab" data-toggle="tab" href="#description" role="tab" aria-controls="description">Description</a></li>
                                <li class="nav-item"><a class="nav-link" id="reviews-tab" data-toggle="tab" href="#reviews" role="tab" aria-controls="reviews">Reviews (4)</a></li>
                            </ul>
        
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade show active" id="description" role="tabpanel">
                                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. et dolore magna aliquyam duo dolores et Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sint obcaecati quaerat sequi illo illum.</p>
                                    <ul>
                                        <li>Magnum - Lorem ipsum dolor sit amet</li>
                                        <li>Haagen Daz - Lorem ipsum dolor sit amet</li>
                                        <li>Cornetto - Lorem ipsum dolor sit amet</li>
                                        <li>Ben & Jerry’s - Lorem ipsum dolor sit amet</li>
                                        <li>Breyers - Lorem ipsum dolor sit amet</li>
                                        <li>Dreyer’s - Lorem ipsum dolor sit amet</li>
                                    </ul>
                                </div>
        
                                <div class="tab-pane fade" id="reviews" role="tabpanel">
                                    <div class="products-reviews">
                                        <h3>Products Rating</h3>
                                        <div class="rating">
                                            <span class="bx bxs-star checked"></span>
                                            <span class="bx bxs-star checked"></span>
                                            <span class="bx bxs-star checked"></span>
                                            <span class="bx bxs-star checked"></span>
                                            <span class="bx bxs-star"></span>
                                        </div>
                                        <div class="rating-count">
                                            <span>4.1 average based on 4 reviews.</span>
                                        </div>
                                        <div class="row">
                                            <div class="side">
                                                <div>5 star</div>
                                            </div>
                                            <div class="middle">
                                                <div class="bar-container">
                                                    <div class="bar-5"></div>
                                                </div>
                                            </div>
                                            <div class="side right">
                                                <div>02</div>
                                            </div>
                                            <div class="side">
                                                <div>4 star</div>
                                            </div>
                                            <div class="middle">
                                                <div class="bar-container">
                                                    <div class="bar-4"></div>
                                                </div>
                                            </div>
                                            <div class="side right">
                                                <div>03</div>
                                            </div>
                                            <div class="side">
                                                <div>3 star</div>
                                            </div>
                                            <div class="middle">
                                                <div class="bar-container">
                                                    <div class="bar-3"></div>
                                                </div>
                                            </div>
                                            <div class="side right">
                                                <div>04</div>
                                            </div>
                                            <div class="side">
                                                <div>2 star</div>
                                            </div>
                                            <div class="middle">
                                                <div class="bar-container">
                                                    <div class="bar-2"></div>
                                                </div>
                                            </div>
                                            <div class="side right">
                                                <div>05</div>
                                            </div>
                                            <div class="side">
                                                <div>1 star</div>
                                            </div>
                                            <div class="middle">
                                                <div class="bar-container">
                                                    <div class="bar-1"></div>
                                                </div>
                                            </div>
                                            <div class="side right">
                                                <div>00</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="products-review-comments">
                                        <h3>4 Reviews</h3>
                                        <div class="user-review">
                                            <img src="assets/img/client/client-2.jpg" alt="image">
                                            
                                            <div class="review-rating">
                                                <div class="review-stars">
                                                    <i class='bx bxs-star checked'></i>
                                                    <i class='bx bxs-star checked'></i>
                                                    <i class='bx bxs-star checked'></i>
                                                    <i class='bx bxs-star checked'></i>
                                                    <i class='bx bxs-star checked'></i>
                                                </div>
        
                                                <span class="d-inline-block">Stefen Lew</span>
                                            </div>
        
                                            <span class="d-block sub-comment">Excellent!</span>
                                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
                                        </div>
                                        <div class="user-review">
                                            <img src="assets/img/client/client-3.jpg" alt="image">
                                            <div class="review-rating">
                                                <div class="review-stars">
                                                    <i class='bx bxs-star checked'></i>
                                                    <i class='bx bxs-star checked'></i>
                                                    <i class='bx bxs-star checked'></i>
                                                    <i class='bx bxs-star'></i>
                                                    <i class='bx bxs-star'></i>
                                                </div>
        
                                                <span class="d-inline-block">John Mark</span>
                                            </div>
                                            <span class="d-block sub-comment">Very Yummy!</span>
                                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
                                        </div>
                                        <div class="user-review">
                                            <img src="assets/img/client/client-6.jpg" alt="image">
                                            <div class="review-rating">
                                                <div class="review-stars">
                                                    <i class='bx bxs-star checked'></i>
                                                    <i class='bx bxs-star checked'></i>
                                                    <i class='bx bxs-star checked'></i>
                                                    <i class='bx bxs-star checked'></i>
                                                    <i class='bx bxs-star checked'></i>
                                                </div>
                                                <span class="d-inline-block">Anna Smith</span>
                                            </div>
                                            <span class="d-block sub-comment">Perfect Taste!</span>
                                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
                                        </div>
                                        <div class="user-review">
                                            <img src="assets/img/client/client-5.jpg" alt="image">
                                            <div class="review-rating">
                                                <div class="review-stars">
                                                    <i class='bx bxs-star checked'></i>
                                                    <i class='bx bxs-star checked'></i>
                                                    <i class='bx bxs-star checked'></i>
                                                    <i class='bx bxs-star checked'></i>
                                                    <i class='bx bxs-star'></i>
                                                </div>
                                                <span class="d-inline-block">Kizlet Kin</span>
                                            </div>
                                            <span class="d-block sub-comment">Awesome Looking!</span>
                                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
                                        </div>
                                    </div>
                                    <div class="review-form-wrapper">
                                        <h3>Add a review</h3>
                                        <p class="comment-notes">Your email address will not be published. Required fields are marked <span>*</span></p>

                                        <form>
                                            <div class="row">
                                                <div class="col-lg-12 col-md-12">
                                                    <div class="rating">
                                                        <input type="radio" id="star5" name="rating" value="5" /><label for="star5"></label>
                                                        <input type="radio" id="star4" name="rating" value="4" /><label for="star4"></label>
                                                        <input type="radio" id="star3" name="rating" value="3" /><label for="star3"></label>
                                                        <input type="radio" id="star2" name="rating" value="2" /><label for="star2"></label>
                                                        <input type="radio" id="star1" name="rating" value="1" /><label for="star1"></label>
                                                    </div>
                                                </div>

                                                <div class="col-lg-6 col-md-6">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="Name *">
                                                    </div>
                                                </div>

                                                <div class="col-lg-6 col-md-6">
                                                    <div class="form-group">
                                                        <input type="email" class="form-control" placeholder="Email *">
                                                    </div>
                                                </div>

                                                <div class="col-lg-12 col-md-12">
                                                    <div class="form-group">
                                                        <textarea placeholder="Your review" class="form-control" cols="30" rows="6"></textarea>
                                                    </div>
                                                </div>

                                                <div class="col-lg-12 col-md-12">
                                                    <p class="comment-form-cookies-consent">
                                                        <input type="checkbox" id="test1">
                                                        <label for="test1">Save my name, email, and website in this browser for the next time I comment.</label>
                                                    </p>
                                                </div>

                                                <div class="col-lg-12 col-md-12">
                                                    <button type="submit" class="default-btn">Submit</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Products Details Area -->

        <!-- Start Related Products Area -->
        <div class="products-area related-products pb-70">
            <div class="container">
                <div class="section-title">
                    <h2>Related Products</h2>
                </div>

                <div class="row justify-content-center">
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="single-products-box">
                            <div class="image">
                                <a href="shop-details.html" class="d-block">
                                    <img src="assets/img/product/1.jpeg" alt="image">
                                </a>
                                <a href="cart.html" class="add-to-cart-btn"><i class='bx bx-cart'></i> Add To Cart</a>
                                <ul class="products-button">
                                    <li><a href="#" data-toggle="modal" data-target="#productsQuickView"><i class='bx bx-show-alt'></i></a></li>
                                    <li><a href="assets/img/product/1.jpeg" class="popup-btn"><i class='bx bx-scan'></i></a></li>
                                    <li><a href="shop-details.html"><i class='bx bx-link'></i></a></li>
                                </ul>
                            </div>
    
                            <div class="content">
                                <h3><a href="shop-details.html">Peppermint Stick</a></h3>
                                <div class="price">
                                    <span class="new-price">$10</span>
                                </div>
                            </div>
                        </div>
                    </div>
    
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="single-products-box">
                            <div class="image">
                                <a href="shop-details.html" class="d-block">
                                    <img src="assets/img/product/2.jpeg" alt="image">
                                </a>
                                <a href="cart.html" class="add-to-cart-btn"><i class='bx bx-cart'></i> Add To Cart</a>
                                <ul class="products-button">
                                    <li><a href="#" data-toggle="modal" data-target="#productsQuickView"><i class='bx bx-show-alt'></i></a></li>
                                    <li><a href="assets/img/product/2.jpeg" class="popup-btn"><i class='bx bx-scan'></i></a></li>
                                    <li><a href="shop-details.html"><i class='bx bx-link'></i></a></li>
                                </ul>
                            </div>
    
                            <div class="content">
                                <h3><a href="shop-details.html">Pumpkin Cheesecake</a></h3>
                                <div class="price">
                                    <span class="new-price">$15</span>
                                </div>
                            </div>
                        </div>
                    </div>
    
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="single-products-box">
                            <div class="image">
                                <a href="shop-details.html" class="d-block">
                                    <img src="assets/img/product/3.jpg" alt="image">
                                </a>
                                <a href="cart.html" class="add-to-cart-btn"><i class='bx bx-cart'></i> Add To Cart</a>
                                <ul class="products-button">
                                    <li><a href="#" data-toggle="modal" data-target="#productsQuickView"><i class='bx bx-show-alt'></i></a></li>
                                    <li><a href="assets/img/product/3.jpg" class="popup-btn"><i class='bx bx-scan'></i></a></li>
                                    <li><a href="shop-details.html"><i class='bx bx-link'></i></a></li>
                                </ul>
                            </div>
    
                            <div class="content">
                                <h3><a href="shop-details.html">Kraft Macaroni</a></h3>
                                <div class="price">
                                    <span class="new-price">$20</span>
                                </div>
                            </div>
                        </div>
                    </div>
    
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="single-products-box">
                            <div class="image">
                                <a href="shop-details.html" class="d-block">
                                    <img src="assets/img/product/4.jpg" alt="image">
                                </a>
                                <a href="cart.html" class="add-to-cart-btn"><i class='bx bx-cart'></i> Add To Cart</a>
                                <ul class="products-button">
                                    <li><a href="#" data-toggle="modal" data-target="#productsQuickView"><i class='bx bx-show-alt'></i></a></li>
                                    <li><a href="assets/img/product/4.jpg" class="popup-btn"><i class='bx bx-scan'></i></a></li>
                                    <li><a href="shop-details.html"><i class='bx bx-link'></i></a></li>
                                </ul>
                            </div>
    
                            <div class="content">
                                <h3><a href="shop-details.html">Royal Wedding Cake</a></h3>
                                <div class="price">
                                    <span class="new-price">$15</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Related Products Area -->

        <!-- Start QuickView Modal Area -->
        <div class="modal fade productsQuickView" id="productsQuickView" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><i class='bx bx-x'></i></span>
                    </button>

                    <div class="row align-items-center">
                        <div class="col-lg-6 col-md-6">
                            <div class="products-image">
                                <img src="assets/img/product/12.jpg" alt="image">
                            </div>
                        </div>

                        <div class="col-lg-6 col-md-6">
                            <div class="products-content">
                                <h3>Marionberry Cheesecake</h3>

                                <div class="price">
                                    <span class="new-price">$35.00</span>
                                </div>

                                <div class="products-review">
                                    <div class="rating">
                                        <i class='bx bxs-star'></i>
                                        <i class='bx bxs-star'></i>
                                        <i class='bx bxs-star'></i>
                                        <i class='bx bxs-star'></i>
                                        <i class='bx bxs-star'></i>
                                    </div>

                                    <a href="#" class="rating-count">3 reviews</a>
                                </div>

                                <p>Nemo malesuada animi consectetur, cras consectetuer laborum tenetur, cum, lacus nemo imperdiet facilisis! Aute metus, lorem primis anim. Eros dolorem.</p>

                                <ul class="products-info">
                                    <li><span>Vendor:</span> <a href="#">VanLeeuwer</a></li>
                                    <li><span>Availability:</span> <a href="#">In stock (10 items)</a></li>
                                    <li><span>Flavor:</span> <a href="#">Strwaberry</a></li>
                                </ul>

                                <div class="products-add-to-cart">
                                    <div class="input-counter">
                                        <span class="minus-btn"><i class='bx bx-minus'></i></span>
                                        <input type="text" value="1">
                                        <span class="plus-btn"><i class='bx bx-plus'></i></span>
                                    </div>

                                    <button type="submit" class="default-btn"><i class='bx bx-cart'></i> Add to Cart</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End QuickView Modal Area -->

		<!-- START SUBSCRIBE AREA -->
		<section class="subscribe-area">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-6">
						<h2>Subscribe Now</h2>
						<p>Subscribe for getting our latest items update regularly</p>
					</div>

					<div class="col-lg-6">
						<form class="newsletter-form" method="post">
							<input type="email" class="form-control" placeholder="Enter Your Email" name="EMAIL" required autocomplete="off">

							<button class="default-btn" type="submit">
								Subscribe
							</button>

							<div id="validator-newsletter" class="form-result"></div>
						</form>
					</div>
				</div>
			</div>
		</section>
		<!-- END SUBSCRIBE AREA  -->

		<!-- START FOOTER TOP AREA -->
		<footer class="footer-top-area ptb-70">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-6">
						<div class="single-widget">
							<a href="index.html">
								<img src="assets/img/footer-logo.png" alt="Image">
							</a>
							
							<p>Lorem ipsum dolor sit amet, consec adipisicing elit. Quaerat molestiae corporis, magni maxime perferendis ducimus totam officiis sit exercite sed odio debitis oli shep mi</p>

							<ul class="social-icon">
								<li>
									<a href="#">
										<i class="bx bxl-facebook"></i>
									</a>
								</li>
								<li>
									<a href="#">
										<i class="bx bxl-twitter"></i>
									</a>
								</li>
								<li>
									<a href="#">
										<i class="bx bxl-pinterest-alt"></i>
									</a>
								</li>
								<li>
									<a href="#">
										<i class="bx bxl-linkedin"></i>
									</a>
								</li>
								<li>
									<a href="#">
										<i class="bx bxl-youtube"></i>
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-lg-3 col-md-6">
						<div class="single-widget">
							<h3>Quick Links</h3>
							<ul>
								<li>
									<a href="#">
										<i class="right-icon bx bx-chevrons-right"></i>
										Privacy Policy
									</a>
								</li>
								<li>
									<a href="#">
										<i class="right-icon bx bx-chevrons-right"></i>
										Terms & Conditions
									</a>
								</li>
								<li>
									<a href="#">
										<i class="right-icon bx bx-chevrons-right"></i>
										Order Tracking
									</a>
								</li>
								<li>
									<a href="#">
										<i class="right-icon bx bx-chevrons-right"></i>
										Refunds & Returns
									</a>
								</li>
								<li>
									<a href="#">
										<i class="right-icon bx bx-chevrons-right"></i>
										Our Services
									</a>
								</li>
								<li>
									<a href="#">
										<i class="right-icon bx bx-chevrons-right"></i>
										Career Opportunity
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-lg-3 col-md-6">
						<div class="single-widget open-time">
							<h3>Opening Hours</h3>

							<ul>
								<li>
									<span>Mon-Tue:</span>
									<span class="right">6:00AM-10:00PM</span>
								</li>
								<li>
									<span>Wed-Thu:</span>
									<span class="right">6:00AM-10:00PM</span>
								</li>
								<li>
									<span>Fri:</span>
									<span class="right">8:00AM-04:00PM</span>
								</li>
								<li>
									<span>Sat:</span>
									<span class="right">10:00AM-06:00PM</span>
								</li>
								<li>
									<span>Sun:</span>
									<span class="right">Closed</span>
								</li>
							</ul>

						</div>
					</div>
					<div class="col-lg-3 col-md-6">
						<div class="single-widget">
							<h3>Contact</h3>
							<ul class="information">
								<li class="address">
									<i class="bx bx-phone"></i>
									<span>Phone:</span>
									<a href="tel:+44-222-556-875">
										+12 345 678 999
									</a>
								</li>
								<li class="address">
									<i class="bx bx-envelope"></i>
									<span>Email:</span>
									<a href="mailto:hello@example.com">
										hello@example.com
									</a>
									<a href="mailto:test@example.com">
										test@example.com
									</a>
								</li>
								<li class="address">
									<i class="bx bx-map"></i>
									<span>Address:</span>
									123 Western Road Melbourne, United Kingdom
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- END FOOTER TOP AREA -->

		<!-- START FOOTER BOTTOM AREA -->
		<footer class="footer-bottom-area">
			<div class="container">
				<div class="copy-right">
					<p>Copyright <i class="bx bx-copyright"></i> 2025 All rights reserved.</p>
				</div>
			</div>
		</footer>
		<!-- END FOOTER BOTTOM AREA -->
		
		<!-- START GO TOP AREA -->
		<div class="go-top">
			<i class='bx bx-chevrons-up'></i>
		</div>
		<!-- END GO TOP AREA -->
		
        <!-- JQUERY.SLIM.MIN.JS -->
        <script src="assets/js/jquery.slim.min.js"></script>
        <!-- POPPER JS -->
        <script src="assets/js/popper.min.js"></script>
        <!-- BOOTSTRAP JS -->
        <script src="assets/js/bootstrap.min.js"></script>
        <!-- MEANMENU JS -->
		<script src="assets/js/jquery.meanmenu.js"></script>
		<!-- RANGE SLIDER JS -->
		<script src="assets/js/rangeSlider.min.js"></script>
        <!-- WOW JS -->
        <script src="assets/js/wow.min.js"></script>
        <!-- OWL CAROUSEL JS -->
		<script src="assets/js/owl.carousel.js"></script>
        <!-- MAGNIFIC POPUP JS -->
        <script src="assets/js/magnific-popup.min.js"></script>
        <!-- NICE SELECT JS -->
		<script src="assets/js/jquery.nice-select.min.js"></script>
		<!-- APPEAR JS --> 
        <script src="assets/js/jquery.appear.js"></script>
		<!-- ODOMETER JS --> 
		<script src="assets/js/odometer.min.js"></script>
        <!-- MAIN JS -->
		<script src="assets/js/main.js"></script>
    </body>
</html>